<template>
  <li class="item" @click="handleDeleteInChild">{{ content }}</li>
</template>

<script>
export default {
  props: ['content','index'],
  methods: {
    handleDeleteInChild() {
      this.$emit('delete',this.index)
    }
  }
}
</script>

<style scoped>
.item {
  color: red;
  cursor: pointer;
}
</style>
